import { http } from '../../utils/request'
import { showToast } from '../../utils/show_toast'

import { createStoreBindings } from 'mobx-miniprogram-bindings'
import { store } from '../../store/index'
// pages/home/home.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    keyword: '',
    swiperList: [],
    navList: [],
    floorList: [],
    height: 50
  },

  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    // 处理点击tabbar两次才能选中状态问题
    if(typeof this.getTabBar === 'function' && this.getTabBar()) {
      this.getTabBar().setData({
        active: 0
      })
    }
    // 使用mobx
    this.storeBindings = createStoreBindings(this, {
      store,
      fields: ['bottomHeight']
    })
    // 轮播图数据
    const { data: swiperData } = await http.get('/home/swiperdata')
    if (swiperData.meta.status !== 200) return showToast()
    this.setData({
      swiperList: swiperData.message
    })
    // console.log('轮播图数据 =>', swiperData.message)

    // 导航栏数据
    const { data: navData } = await http.get('/home/catitems')
    if (navData.meta.status !== 200) return showToast()
    this.setData({
      navList: navData.message
    })
    // console.log('导航栏数据 =>', navData.message)

    // 楼层数据
    const { data: floorData } = await http.get('/home/floordata')
    if (floorData.meta.status !== 200) return showToast()
    this.setData({
      floorList: floorData.message
    })
    // console.log('楼层数据 =>', floorData.message)
  },

  // 导航栏点击
  navTapHandle(e) {
    // console.log('点击导航栏分类', e)
    if(e.currentTarget.dataset.item.name === '分类') {
      wx.switchTab({
        url: '/pages/cate/cate',
      })
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    // 解绑
    this.storeBindings.destroyStoreBindings()
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
